<template>
  <div class="app">
    <!-- 
        1.什么是vuex?
          概念: 专门在Vue中实现集中式管理状态(数据)管理的一个Vue插件,
          对vue应用中多个组件间共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信

        2.什么时候使用Vuex
          1.多个组件依赖于同一个状态
          2.来自不同组件的行为需要变更为同一状态
        




     -->
      <test></test>
      <hr>
      <person></person>
  </div>
</template>

<script>
    //引入组件
    import test from './components/test.vue'
    import person from './components/person.vue'
    export default {
      name: 'App',
      data () {
        return {
          msg: '欢迎学习vue',
          studentName: ''
        }
      },
      components: {
        test,
        person
      },
    }
</script>

<style>

</style>